<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>个人空间</title>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="static/css/reset.css"/>

<link rel="stylesheet" href="static/css/main.css"/>
<link rel="stylesheet" href="static/css/color-dark.css"/>
<link rel="stylesheet" href="static/css/icon.css"/>
<link rel="stylesheet" href="static/css/manager.css"/>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
  .demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
</style>

</head>
<body>
	
	<div id="mSpace">
		<template>
			<el-container>
				<el-aside width="250px">
					<el-menu style="height:800px"
						background-color="#242f42"
						text-color="#fff"
					      default-active="1-1"
					      class="el-menu-vertical-demo">
					      <el-submenu index="1">
					        <template slot="title">
					          <i class="el-icon-location"></i>
					          <span>管理首页</span>
					        </template>
					        <el-menu-item-group>
				
					          <el-menu-item index="1-1" @click="show(0)">基本信息</el-menu-item>
					          <el-menu-item index="1-2" @click="show(1)">企业审核</el-menu-item>
					        </el-menu-item-group>
					      </el-submenu>
					      <el-menu-item index="2" @click="show(2)">
					        <i class="el-icon-menu"></i>
					        <span slot="title">用户管理</span>
					      </el-menu-item>
					      <el-menu-item index="3" @click="show(3)">
					        <i class="el-icon-document"></i>
					        <span slot="title">职位管理</span>
					      </el-menu-item>
					      <el-menu-item index="4" @click="show(4)">
					        <i class="el-icon-user"></i>
					        <span slot="title">招聘人管理</span>
					      </el-menu-item>
    				</el-menu>
				</el-aside>
				<el-container>
					<el-header>
						<div class="header">
					        <!-- 折叠按钮 -->
					        <div class="collapse-btn" @click="collapseChage">
					            <i v-if="!collapse" class="el-icon-s-fold"></i>
					            <i v-else class="el-icon-s-unfold"></i>
					        </div>
					        <div class="logo">管理面板</div>
					        <div class="header-right">
					            <div class="header-user-con">
					              
					                <!-- 消息中心 -->
					                <div class="btn-bell">
					                    <el-tooltip
					                        effect="dark"
					                        :content="message"
					                    	@mouseover.native="messageCount=0"
					                        placement="bottom"
					                    >
					                            <i class="el-icon-bell"></i>
					                    </el-tooltip>
					                    <span class="btn-bell-badge" v-if="messageCount"></span>
					                </div>
					                <!-- 用户名下拉菜单 -->
					                <el-dropdown class="user-name" trigger="click">
					                    <span class="el-dropdown-link">
					                        {{username}}
					                        <i class="el-icon-caret-bottom"></i>
					                    </span>
					                 
					                    <el-dropdown-menu slot="dropdown">
					                    	<el-dropdown-item divided>
					                        	<el-link :underline="false" target="_blank" href="http://localhost:8082/">打开首页</el-link>
					                        </el-dropdown-item>
					                        <el-dropdown-item divided>
					                        	<el-button type="text" @click="logout">登出</el-button>
					                        	<form hidden th:action="@{/logout}" method="post">
										            <button id="mlogout" type="submit" class="btn btn-default">登出</button>
										        </form>
					                        </el-dropdown-item>
					                    </el-dropdown-menu>
					                </el-dropdown>
					            </div>
					        </div>
					    </div>
					</el-header>
					<el-main>
						<el-card shadow="hover"  class="box-card" v-show="showdiv[0].isshow">
							<template>
						    <div>
						        <el-row :gutter="20">
						            <el-col :span="8">
						                <el-card shadow="hover" class="mgb20" style="height:252px;">
						                    <div class="user-info">
						                        <img :src="logoImg" class="user-avator" alt  />
						                        <div class="user-info-cont">
						                            <div class="user-info-name">{{ name }}</div>
						                            <div>{{ role }}</div>
						                        </div>
						                    </div>
						                    <div class="user-info-list">
						                        上次登录时间：
						                        <span>2019-11-01</span>
						                    </div>
						                    <div class="user-info-list">
						                        上次登录地点：
						                        <span>济南</span>
						                    </div>
						                </el-card>
						                <el-card shadow="hover" style="height:252px;">
						                    <div slot="header" class="clearfix">
						                        <span>用户年龄分布</span>
						                    </div>
						                    20-30 <el-progress :percentage="71.3" color="#42b983"></el-progress>30-40
						                    <el-progress :percentage="24.1" color="#f1e05a"></el-progress>40以上
						                    <el-progress :percentage="13.7"></el-progress>
						                </el-card>
						            </el-col>
						            <el-col :span="16">
						                <el-row :gutter="20" class="mgb20">
						                    <el-col :span="12">
						                        <el-card shadow="hover" :body-style="{ padding: '0px' }">
						                            <div class="grid-content grid-con-1 ">
						                                <i class="el-icon-lx-people grid-con-icon"></i>
						                                <div class="grid-cont-right">
						                                    <div class="grid-num" v-model="test[0].totalBussiness">{{ test[0].totalBussiness }}</div>
						                                    <div>
						                                        企业数量
						                                        <i :class="addClass ? class2 : class1" title="刷新" @click="freshTotal"></i>
						                                    </div>
						                                </div>
						                            </div>
						                        </el-card>
						                    </el-col>
						                    <el-col :span="12">
						                        <el-card shadow="hover" :body-style="{ padding: '0px' }">
						                            <div class="grid-content grid-con-2">
						                                <i class=" el-icon-lx-notice grid-con-icon "></i>
						                                <div class="grid-cont-right">
						                                    <div class="grid-num" v-model="test[0].totalUnreviewed">{{ test[0].totalUnreviewed }}</div>
						                                    <div>
						                                        待审核企业
						                                        <i :class="addClass ? class2 : class1" title="刷新" @click="freshTotal"></i>
						                                    </div>
						                                </div>
						                            </div>
						                        </el-card>
						                    </el-col>
						                </el-row>
						                <el-card shadow="hover" style="height:403px;">
						                    <div slot="header" class="clearfix">
						                        <span>企业审核列表</span>
						                    </div>
						                    <el-table :data="test[1]" style="width: 100%">
						                        <el-table-column prop="bname" label="企业名" > </el-table-column>
						                        <el-table-column prop="baddress" label="公司名称"> </el-table-column>
						                        <el-table-column label="查看"  width="80"><i class="refresh el-icon-s-tools" ></i> </el-table-column>
						                    </el-table>
						                </el-card>
						            </el-col>
						        </el-row>
						    </div>
						</template>
							
						</el-card>
						<el-card shadow="hover" class="box-card" v-show="showdiv[1].isshow">
					
							<template>
							 
							  <el-table
							    ref="filterTable"
							    :data="tableData"
							    style="width: 100%"
							   max-height="650">
							    <el-table-column
							      prop="bid"
							      label="编号"
							      width="100">
							       
							    </el-table-column>
							    <el-table-column
							      prop="bname"
							      label="企业名"
							      >
							    </el-table-column>
							    <el-table-column
							      prop="bimg"
							      label="企业图标"
							      >
							    <template slot-scope="scope">
							      	<el-avatar :size="'medium'" :src="scope.row.bimg" @error="true">
							      		 <img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
							      	</el-avatar>
							    </template>
							    </el-table-column>
							      <el-table-column
							      prop="bpro"
							      label="地点"
							      >
							    </el-table-column>
							    <el-table-column
							      prop="baddress"
							      label="注册名"
							      width="250"
							  >
							    </el-table-column>
							    <el-table-column
							      prop="number"
							      label="企业人数"
							     >
							    </el-table-column>
							    <el-table-column
							      prop="bdetails"
							      label="企业描述"
							      width="800"
							     >
							    </el-table-column>
							    <el-table-column
							      prop="status"
							      label="状态"
							      width="100">
							      <template slot-scope="scope">
							        <el-tag
							          :type="scope.row.status ===0 ?'danger':(scope.row.status ===2 ?'warning':'success')"
							          disable-transitions>{{ scope.row.status ===0 ?'审核未通过':(scope.row.status ===2 ?'待审核':'审核通过')}}</el-tag>
							      </template>
							    </el-table-column>
							     <el-table-column
							      fixed="right"
							      label="操作"
							      width="160">
							      <template slot-scope="scope">
							        <el-button  type="text" @click="checkOneBuss(scope.row.bname)" size="small">查看</el-button>
							        <el-button type="text" v-show="scope.row.status>0" @click="disBuss(scope.row)" size="small">{{ scope.row.status===2?'通过审核':(scope.row.status===1?'禁用':'')}}</el-button>
									 <el-button  type="text" @click="reject(scope.row)"v-show="scope.row.status===2" size="small">拒绝</el-button>
							      </template>
							    </el-table-column>
							  </el-table>
							</template>
					
						</el-card>
						<el-card shadow="hover" class="box-card" v-show="showdiv[2].isshow">
							<template>
							  <el-button @click="resetDateFilter">清除日期过滤器</el-button>
							  <el-button @click="clearFilter">清除所有过滤器</el-button>
							  <el-table
							    ref="filterTable"
							    :data="userData"
							    style="width: 100%"
							    max-height="500">
							    <el-table-column
							      prop="uid"
							      label="用户名"
							      sortable
							      width="180"
							      column-key="date"
							      :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
							      :filter-method="filterHandler"
							    >
							    </el-table-column>
							    <el-table-column
							      prop="uimg"
							      label="头像显示"
							      width="180">
							        <template slot-scope="scope">
							      	   <el-avatar :src="scope.row.uimg"
							      	   		
							      	   ></el-avatar>
							      	 </template>
							    </el-table-column>
							    <el-table-column
							      prop="uphone"
							      label="手机号"
							      width="180">
							    </el-table-column>
							    <el-table-column
							      prop="uemail"
							      label="邮箱"
							      width="180"
							      :formatter="formatter">
							    </el-table-column>
							    <el-table-column
							      prop="uinterest"
							      label="职业倾向"
							      width="180">
							    </el-table-column>
							    
							    <el-table-column
							      prop="ulevel"
							      label="状态"
							      width="100"
							      :filters="[{ text: '禁用', value: -1 }, { text: '可用', value: 0 }]"
							      :filter-method="filterTag"
							      filter-placement="bottom-end">
							      <template slot-scope="scope">
							        <el-tag
							          :type="scope.row.ulevel === -1 ? 'danger' : 'success'"
							          disable-transitions><span v-text="scope.row.ulevel>=0?'可用':'禁用'"></span></el-tag>
							      </template>
							    </el-table-column>
							     <el-table-column label="状态管理">
									<template slot-scope="scope">
								        <el-button v-if="scope.row.ulevel>=0" type="text" size="small" @click="disabled(scope.row.uid)">禁用</el-button>
								        <el-button v-else type="text" size="small" @click="enabled(scope.row.uid)">解除</el-button>
								        <el-button type="text" size="small" @click="deleteU(scope.row.uid)">删除</el-button>
								    </template>
							    </el-table-column>
							  </el-table>
							</template>
					
						</el-card>
						
						<el-card shadow="hover" class="box-card" v-show="showdiv[3].isshow">
							<template>
							  <el-button @click="resetDateFilter">清除日期过滤器</el-button>
							  <el-button @click="clearFilter">清除所有过滤器</el-button>
							  <el-table
							    ref="filterTable"
							    :data="jobData"
							    max-height="600"
							    style="width: 100%">
							    <el-table-column
							      prop="jptime"
							      label="工作发布日期"
							      sortable
							      width="120"
							      column-key="jptime"
							      :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
							      :filter-method="filterHandler"
							    >
							    </el-table-column>
							    <el-table-column
							      prop="bname"
							      label="企业名称"
							        width="80"
							      >
							    </el-table-column>
							    <el-table-column
							      prop="batchname"
							      label="部门名称"
							       width="180"
							    >
							    </el-table-column>
							    <el-table-column
							      prop="jobname"
							      label="职位"
							       width="180"
							    >
							    </el-table-column>
							     <el-table-column
							      prop="jeducation"
							      label="教育经历"
							       width="80"
							    >
							    </el-table-column>
							    <el-table-column
							      prop="welfare"
							      label="工作福利"
							      width="250"
							    >
								    <template slot-scope="scope">
								    	<el-tag>{{ scope.row.welfare }}</el-tag>
								    </template>
							    </el-table-column>
							    <el-table-column
							      prop="jsalary"
							      label="薪水"
							      width="150"
							    >
							    </el-table-column>
							    <el-table-column
							      prop="jnumber"
							      label="剩余岗位"
							      width="100"
							      :filters="[{ text: '充足', value: 10 }, { text: '紧张', value: 5 }]"
							      :filter-method="filterTag"
							      filter-placement="bottom-end">
							      <template slot-scope="scope">
							        <el-tag
							          :type="scope.row.jnumber >5  ? 'primary' : 'danger'"
							          disable-transitions v-text="scope.row.jnumber >5?'充足':'紧张'">{{scope.row.tag}}</el-tag>
							      </template>
							    </el-table-column>
							    <el-table-column
							      fixed="right"
							      label="操作"
							      width="80">
							      <template slot-scope="scope">
							       
							        <el-button type="text" @click="deleteJob(scope.row.jid)" size="small">删除</el-button>
							      </template>
							    </el-table-column>
							  </el-table>
							</template>
					
						</el-card>
						<!-- 招聘人管理 -->
						
							<el-card shadow="hover" class="box-card" v-show="showdiv[4].isshow">
							
						
							  <el-table 
							  	max-height="650"
							    :data="hrList"
							    style="width: 100%">
							    <el-table-column type="expand">
							      <template slot-scope="scope">
							        <el-form label-position="left" inline class="demo-table-expand">
							        
							          <el-form-item label="招聘人名称">
							            <span>{{ scope.row.hid }}</span>
							          </el-form-item>
							          <el-form-item label="所属公司">
							            <span>{{ scope.row.bname }}</span>
							          </el-form-item>
							          <el-form-item label="公司所在地">
							            <span>{{ scope.row.bpro }}</span>
							          </el-form-item>
							          <el-form-item label="企业图标">
							            <el-image style="width:40px" :src="scope.row.bimg"></el-image>
							          </el-form-item>
							   		   <el-form-item label="企业状态">
							            <el-tag :type="scope.row.status!==0  ? 'primary' : 'danger'">
							            	{{ scope.row.status!==0?'审核通过':'未通过' }}
							            </el-tag>
							          </el-form-item>
							          <el-form-item label="企业注册名">
							            <span>{{ scope.row.baddress }}</span>
							          </el-form-item>
							          <el-form-item label="企业人数">
							            <span>{{ scope.row.number }} 人</span>
							          </el-form-item>
							         
							        </el-form>
							      </template>
							    </el-table-column>
							
							   		 <el-table-column
							      label="招聘人 ID"
							      prop="hid">
							    </el-table-column>
							    <el-table-column
							      label="邮箱"
							      prop="hemail">
							    </el-table-column>
							    <el-table-column
							      label="状态"
							      prop="hlevel">
							       <template slot-scope="scope">
								      <el-tag :type="scope.row.hlevel!==-1  ? 'primary' : 'danger'">
								            	{{ scope.row.hlevel!==-1?'审核通过':'未通过' }}
								            </el-tag>
							       </template>
							    </el-table-column>
							   	  <el-table-column
							      label="操作">
							      	<el-button type="text">删除</el-button>
							    </el-table-column>
							  </el-table>
					
							
						</el-card>
						
					</el-main>
					<el-footer></el-footer>
				</el-container>
			</el-container>
		</template>
	</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script type="text/javascript" src="static/js/manager.js"></script>
</body>
</html>